<!DOCTYPE html>
<html lang="ch">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="fonts/DingTalkJinBuTi.ttf">
    <link rel="shortcut icon" href="images/tubiao.png">
    <link rel="stylesheet" href="css/init.css">
    <link rel="stylesheet" href="css/index_pc.css" media="screen and (min-width: 1024px)">
    <link rel="stylesheet" href="css/index_mobile.css" media="screen and (max-width: 1023px)">
    <script src="js/index_mobile.js"></script>
    <title>分享</title>
</head>

<body>
    <div id="top">
        <div class="img"><img src="images/user_img.png" alt="用户头像"></div>
        <span>分享内容</span>
        <div id="top_bottom">
            <ul id="top_menu">
                <li onclick="changeVideo()">
                    <svg t="1676440027831" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="3707" width="25" height="25">
                        <path
                            d="M63.465962 793.139052c0 55.038524 44.620243 99.708909 99.709933 99.708909l697.969529 0c55.04057 0 99.709933-44.669362 99.709933-99.708909L960.855356 194.878432c0-55.089689-44.669362-99.709933-99.709933-99.709933L163.174871 95.1685c-55.089689 0-99.709933 44.620243-99.709933 99.709933L63.464939 793.139052zM761.435491 494.00823 362.59576 743.283574 362.59576 244.732887 761.435491 494.00823z"
                            fill="rgb(46, 160, 67)" id="top_video"></path>
                    </svg>
                    <p id="top_text1" style="color: rgb(46, 160, 67)">视频</p>
                </li>
                <li onclick="changePicture()">
                    <svg t="1676441088778" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="7366" width="25" height="25">
                        <path
                            d="M885.7 130.4H140.3c-41.2 0-74.7 33.5-74.7 74.7v620.1c0 41.2 33.5 74.7 74.7 74.7h745.3c41.2 0 74.8-33.5 74.8-74.7V205c0-41.1-33.5-74.6-74.7-74.6zM140.3 191h745.4c7.6 0 14 6.4 14 14v535.3l-229-328.4c-9.3-13.4-25.2-21.5-42.1-21.5-17 0-32.7 8.1-42 21.5L424.2 646.1l-89.6-96.3c-10.4-11.2-25.8-17.1-41.4-16-15.7 1-30 9-38.6 21.4L126.3 740.5V205c0-7.6 6.4-14 14-14z"
                            fill="#cdcdcd" id="top_picture1"></path>
                        <path
                            d="M273 390.4c37.8 0 68.5-30.7 68.5-68.5s-30.7-68.5-68.5-68.5-68.5 30.7-68.5 68.5 30.8 68.5 68.5 68.5z m0-89.6c11.6 0 21.1 9.5 21.1 21.1S284.7 343 273 343c-11.6 0-21.1-9.5-21.1-21.1 0.2-11.6 9.6-21.1 21.1-21.1z"
                            fill="rgb(191, 191, 191)" id="top_picture2"></path>
                    </svg>
                    <p id="top_text2">图片</p>
                </li>
                <li onclick="changeCode()">
                    <svg t="1676441462088" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="9395" width="25" height="25">
                        <path
                            d="M960 96H64c-35.3 0-64 28.6-64 64v704c0 35.3 28.7 64 64 64h896c35.3 0 64-28.7 64-64V160c0-35.4-28.7-64-64-64z m-80 128c0 8.8-3.6 16.8-9.4 22.6-5.8 5.8-13.8 9.4-22.6 9.4-17.7 0-32-14.3-32-32 0-8.8 3.6-16.8 9.4-22.6 5.8-5.8 13.8-9.4 22.6-9.4s16.8 3.6 22.6 9.4c5.8 5.8 9.4 13.8 9.4 22.6z m-128 0c0 8.8-3.6 16.8-9.4 22.6-5.8 5.8-13.8 9.4-22.6 9.4-17.7 0-32-14.3-32-32 0-8.8 3.6-16.8 9.4-22.6 5.8-5.8 13.8-9.4 22.6-9.4s16.8 3.6 22.6 9.4c5.8 5.8 9.4 13.8 9.4 22.6z m-182.6-22.6c5.8-5.8 13.8-9.4 22.6-9.4s16.8 3.6 22.6 9.4c5.8 5.8 9.4 13.8 9.4 22.6s-3.6 16.8-9.4 22.6c-5.8 5.8-13.8 9.4-22.6 9.4-17.7 0-32-14.3-32-32 0-8.8 3.6-16.8 9.4-22.6zM960 848c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V360c0-4.4 3.6-8 8-8h880c4.4 0 8 3.6 8 8v488z"
                            id="top_code1" fill="rgb(191, 191, 191)"></path>
                        <path
                            d="M439.8 767.5c-15.6-8.3-21.5-27.7-13.2-43.3l114.4-215c8.3-15.6 27.7-21.5 43.3-13.2 15.6 8.3 21.5 27.7 13.2 43.3L483 754.3c-8.3 15.6-27.6 21.5-43.2 13.2zM310.5 707.8l-61.2-61.2c-12.5-12.5-12.5-32.8 0-45.3l61.2-61.2c1.6-1.6 4.1-1.6 5.7 0l39.6 39.6c1.6 1.6 1.6 4.1 0 5.7l-27.2 27.2c-6.2 6.2-6.2 16.4 0 22.6l27.2 27.2c1.6 1.6 1.6 4.1 0 5.7l-39.6 39.6c-1.6 1.7-4.1 1.7-5.7 0.1zM707.8 707.8l-39.6-39.6c-1.6-1.6-1.6-4.1 0-5.7l27.2-27.2c6.2-6.2 6.2-16.4 0-22.6l-27.2-27.2c-1.6-1.6-1.6-4.1 0-5.7l39.6-39.6c1.6-1.6 4.1-1.6 5.7 0l61.2 61.2c12.5 12.5 12.5 32.8 0 45.3l-61.2 61.2c-1.6 1.5-4.1 1.5-5.7-0.1z"
                            id="top_code2" fill="rgb(191, 191, 191)"></path>
                    </svg>
                    <p id="top_text3">代码</p>
                </li>
                <li onclick="changeDirectory()">
                    <svg t="1676441774418" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="10471" width="25" height="25">
                        <path
                            d="M855.04 385.024q19.456 2.048 38.912 10.24t33.792 23.04 21.504 37.376 2.048 54.272q-2.048 8.192-8.192 40.448t-14.336 74.24-18.432 86.528-19.456 76.288q-5.12 18.432-14.848 37.888t-25.088 35.328-36.864 26.112-51.2 10.24l-567.296 0q-21.504 0-44.544-9.216t-42.496-26.112-31.744-40.96-12.288-53.76l0-439.296q0-62.464 33.792-97.792t95.232-35.328l503.808 0q22.528 0 46.592 8.704t43.52 24.064 31.744 35.84 12.288 44.032l0 11.264-53.248 0q-40.96 0-95.744-0.512t-116.736-0.512-115.712-0.512-92.672-0.512l-47.104 0q-26.624 0-41.472 16.896t-23.04 44.544q-8.192 29.696-18.432 62.976t-18.432 61.952q-10.24 33.792-20.48 65.536-2.048 8.192-2.048 13.312 0 17.408 11.776 29.184t29.184 11.776q31.744 0 43.008-39.936l54.272-198.656q133.12 1.024 243.712 1.024l286.72 0z"
                            id="top_directory" fill="rgb(191, 191, 191)"></path>
                    </svg>
                    <p id="top_text4">文档</p>
                </li>
            </ul>
        </div>
    </div>
    <div id="body1">
        <div class="Java">
        <!-- 当视频区有内容时，注销上方代码，启用下方代码 -->
        <!-- <div class="Java" onclick="rotateJava()"> -->
            <p>Java</p>
            <svg t="1676471968006" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                id="Java" width="15" height="15">
                <path
                d="M312.888889 995.555556c-17.066667 0-28.444444-5.688889-39.822222-17.066667-22.755556-22.755556-17.066667-56.888889 5.688889-79.644445l364.088888-329.955555c11.377778-11.377778 17.066667-22.755556 17.066667-34.133333 0-11.377778-5.688889-22.755556-17.066667-34.133334L273.066667 187.733333c-22.755556-22.755556-28.444444-56.888889-5.688889-79.644444 22.755556-22.755556 56.888889-28.444444 79.644444-5.688889l364.088889 312.888889c34.133333 28.444444 56.888889 73.955556 56.888889 119.466667s-17.066667 85.333333-51.2 119.466666l-364.088889 329.955556c-11.377778 5.688889-28.444444 11.377778-39.822222 11.377778z"
                fill="#fff" p-id="3983"></path>
            </svg>
        </div>
        <div id="Java_menu">
            <ul>
                <li><img src="images/index/none.png" alt="无内容"><div>暂无内容</div></li>
                <li><img src="images/index/none.png" alt="无内容"><div>暂无内容</div></li>
                <li><img src="images/index/none.png" alt="无内容"><div>暂无内容</div></li>
            </ul>
        </div>
        <div class="MySQL">
        <!-- 当视频区有内容时，注销上方代码，启用下方代码 -->
        <!-- <div class="MySQL" onclick="rotateMySQL()"> -->
            <p>MySQL</p>
            <svg t="1676471968006" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                id="MySQL" width="15" height="15">
                <path
                d="M312.888889 995.555556c-17.066667 0-28.444444-5.688889-39.822222-17.066667-22.755556-22.755556-17.066667-56.888889 5.688889-79.644445l364.088888-329.955555c11.377778-11.377778 17.066667-22.755556 17.066667-34.133333 0-11.377778-5.688889-22.755556-17.066667-34.133334L273.066667 187.733333c-22.755556-22.755556-28.444444-56.888889-5.688889-79.644444 22.755556-22.755556 56.888889-28.444444 79.644444-5.688889l364.088889 312.888889c34.133333 28.444444 56.888889 73.955556 56.888889 119.466667s-17.066667 85.333333-51.2 119.466666l-364.088889 329.955556c-11.377778 5.688889-28.444444 11.377778-39.822222 11.377778z"
                fill="#fff" p-id="3983"></path>
            </svg>
        </div>
        <div id="MySQL_menu">
            <ul>
                <li><img src="images/index/none.png" alt="无内容"><div>暂无内容</div></li>
                <li><img src="images/index/none.png" alt="无内容"><div>暂无内容</div></li>
            </ul>
        </div>
    </div>
    <div id="body2"></div>
    <div id="body3"></div>
    <div id="body4">
        <div class="Java" onclick="rotateJava4()">
            <p>Java</p>
            <svg t="1676471968006" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                id="Java4" width="15" height="15">
                <path
                d="M312.888889 995.555556c-17.066667 0-28.444444-5.688889-39.822222-17.066667-22.755556-22.755556-17.066667-56.888889 5.688889-79.644445l364.088888-329.955555c11.377778-11.377778 17.066667-22.755556 17.066667-34.133333 0-11.377778-5.688889-22.755556-17.066667-34.133334L273.066667 187.733333c-22.755556-22.755556-28.444444-56.888889-5.688889-79.644444 22.755556-22.755556 56.888889-28.444444 79.644444-5.688889l364.088889 312.888889c34.133333 28.444444 56.888889 73.955556 56.888889 119.466667s-17.066667 85.333333-51.2 119.466666l-364.088889 329.955556c-11.377778 5.688889-28.444444 11.377778-39.822222 11.377778z"
                fill="#fff" p-id="3983"></path>
            </svg>
        </div>
        <div class="MySQL" onclick="rotateMySQL4()">
            <p>MySQL</p>
            <svg t="1676471968006" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                id="MySQL4" width="15" height="15">
                <path
                d="M312.888889 995.555556c-17.066667 0-28.444444-5.688889-39.822222-17.066667-22.755556-22.755556-17.066667-56.888889 5.688889-79.644445l364.088888-329.955555c11.377778-11.377778 17.066667-22.755556 17.066667-34.133333 0-11.377778-5.688889-22.755556-17.066667-34.133334L273.066667 187.733333c-22.755556-22.755556-28.444444-56.888889-5.688889-79.644444 22.755556-22.755556 56.888889-28.444444 79.644444-5.688889l364.088889 312.888889c34.133333 28.444444 56.888889 73.955556 56.888889 119.466667s-17.066667 85.333333-51.2 119.466666l-364.088889 329.955556c-11.377778 5.688889-28.444444 11.377778-39.822222 11.377778z"
                fill="#fff" p-id="3983"></path>
            </svg>
        </div>
        <ul id="MySQL4_menu">
            <li><a href="html/doc_mysql_install.html">MySQL8.0版本压缩包配置&emsp;></a></li>
        </ul>
    </div>
    <div id="bottom">
        <ul id="menu">
            <li onclick="changeVideo()">
                <svg t="1676440027831" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="3707" width="25" height="25">
                    <path
                        d="M63.465962 793.139052c0 55.038524 44.620243 99.708909 99.709933 99.708909l697.969529 0c55.04057 0 99.709933-44.669362 99.709933-99.708909L960.855356 194.878432c0-55.089689-44.669362-99.709933-99.709933-99.709933L163.174871 95.1685c-55.089689 0-99.709933 44.620243-99.709933 99.709933L63.464939 793.139052zM761.435491 494.00823 362.59576 743.283574 362.59576 244.732887 761.435491 494.00823z"
                        fill="rgb(46, 160, 67)" id="video"></path>
                </svg>
                <p id="text1" style="color: rgb(46, 160, 67)">视频</p>
            </li>
            <li onclick="changePicture()">
                <svg t="1676441088778" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="7366" width="25" height="25">
                    <path
                        d="M885.7 130.4H140.3c-41.2 0-74.7 33.5-74.7 74.7v620.1c0 41.2 33.5 74.7 74.7 74.7h745.3c41.2 0 74.8-33.5 74.8-74.7V205c0-41.1-33.5-74.6-74.7-74.6zM140.3 191h745.4c7.6 0 14 6.4 14 14v535.3l-229-328.4c-9.3-13.4-25.2-21.5-42.1-21.5-17 0-32.7 8.1-42 21.5L424.2 646.1l-89.6-96.3c-10.4-11.2-25.8-17.1-41.4-16-15.7 1-30 9-38.6 21.4L126.3 740.5V205c0-7.6 6.4-14 14-14z"
                        fill="#cdcdcd" id="picture1"></path>
                    <path
                        d="M273 390.4c37.8 0 68.5-30.7 68.5-68.5s-30.7-68.5-68.5-68.5-68.5 30.7-68.5 68.5 30.8 68.5 68.5 68.5z m0-89.6c11.6 0 21.1 9.5 21.1 21.1S284.7 343 273 343c-11.6 0-21.1-9.5-21.1-21.1 0.2-11.6 9.6-21.1 21.1-21.1z"
                        fill="rgb(191, 191, 191)" id="picture2"></path>
                </svg>
                <p id="text2">图片</p>
            </li>
            <li onclick="changeCode()">
                <svg t="1676441462088" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="9395" width="25" height="25">
                    <path
                        d="M960 96H64c-35.3 0-64 28.6-64 64v704c0 35.3 28.7 64 64 64h896c35.3 0 64-28.7 64-64V160c0-35.4-28.7-64-64-64z m-80 128c0 8.8-3.6 16.8-9.4 22.6-5.8 5.8-13.8 9.4-22.6 9.4-17.7 0-32-14.3-32-32 0-8.8 3.6-16.8 9.4-22.6 5.8-5.8 13.8-9.4 22.6-9.4s16.8 3.6 22.6 9.4c5.8 5.8 9.4 13.8 9.4 22.6z m-128 0c0 8.8-3.6 16.8-9.4 22.6-5.8 5.8-13.8 9.4-22.6 9.4-17.7 0-32-14.3-32-32 0-8.8 3.6-16.8 9.4-22.6 5.8-5.8 13.8-9.4 22.6-9.4s16.8 3.6 22.6 9.4c5.8 5.8 9.4 13.8 9.4 22.6z m-182.6-22.6c5.8-5.8 13.8-9.4 22.6-9.4s16.8 3.6 22.6 9.4c5.8 5.8 9.4 13.8 9.4 22.6s-3.6 16.8-9.4 22.6c-5.8 5.8-13.8 9.4-22.6 9.4-17.7 0-32-14.3-32-32 0-8.8 3.6-16.8 9.4-22.6zM960 848c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V360c0-4.4 3.6-8 8-8h880c4.4 0 8 3.6 8 8v488z"
                        id="code1" fill="rgb(191, 191, 191)"></path>
                    <path
                        d="M439.8 767.5c-15.6-8.3-21.5-27.7-13.2-43.3l114.4-215c8.3-15.6 27.7-21.5 43.3-13.2 15.6 8.3 21.5 27.7 13.2 43.3L483 754.3c-8.3 15.6-27.6 21.5-43.2 13.2zM310.5 707.8l-61.2-61.2c-12.5-12.5-12.5-32.8 0-45.3l61.2-61.2c1.6-1.6 4.1-1.6 5.7 0l39.6 39.6c1.6 1.6 1.6 4.1 0 5.7l-27.2 27.2c-6.2 6.2-6.2 16.4 0 22.6l27.2 27.2c1.6 1.6 1.6 4.1 0 5.7l-39.6 39.6c-1.6 1.7-4.1 1.7-5.7 0.1zM707.8 707.8l-39.6-39.6c-1.6-1.6-1.6-4.1 0-5.7l27.2-27.2c6.2-6.2 6.2-16.4 0-22.6l-27.2-27.2c-1.6-1.6-1.6-4.1 0-5.7l39.6-39.6c1.6-1.6 4.1-1.6 5.7 0l61.2 61.2c12.5 12.5 12.5 32.8 0 45.3l-61.2 61.2c-1.6 1.5-4.1 1.5-5.7-0.1z"
                        id="code2" fill="rgb(191, 191, 191)"></path>
                </svg>
                <p id="text3">代码</p>
            </li>
            <li onclick="changeDirectory()">
                <svg t="1676441774418" class="icon" viewBox="0 0 1024 1024" version="1.1"
                    xmlns="http://www.w3.org/2000/svg" p-id="10471" width="25" height="25">
                    <path
                        d="M855.04 385.024q19.456 2.048 38.912 10.24t33.792 23.04 21.504 37.376 2.048 54.272q-2.048 8.192-8.192 40.448t-14.336 74.24-18.432 86.528-19.456 76.288q-5.12 18.432-14.848 37.888t-25.088 35.328-36.864 26.112-51.2 10.24l-567.296 0q-21.504 0-44.544-9.216t-42.496-26.112-31.744-40.96-12.288-53.76l0-439.296q0-62.464 33.792-97.792t95.232-35.328l503.808 0q22.528 0 46.592 8.704t43.52 24.064 31.744 35.84 12.288 44.032l0 11.264-53.248 0q-40.96 0-95.744-0.512t-116.736-0.512-115.712-0.512-92.672-0.512l-47.104 0q-26.624 0-41.472 16.896t-23.04 44.544q-8.192 29.696-18.432 62.976t-18.432 61.952q-10.24 33.792-20.48 65.536-2.048 8.192-2.048 13.312 0 17.408 11.776 29.184t29.184 11.776q31.744 0 43.008-39.936l54.272-198.656q133.12 1.024 243.712 1.024l286.72 0z"
                        id="directory" fill="rgb(191, 191, 191)"></path>
                </svg>
                <p id="text4">文档</p>
            </li>
        </ul>
    </div>
</body>

</html>